<template>
  <div class="error-wrap">
    <div class="error-box">
      <div class="img-box"><img src="../images/empty.png" class="empty" onclick="return false"/></div>
      <div class="tip">您访问的页面不存在</div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "error"
  }
</script>

<style lang="stylus" scoped>
  @import "../common/stylus/mixin.styl"
  .error-wrap
    fj(center, center)
    position: fixed
    top: 0
    left: 0
    right: 0
    bottom: 0
    wh(100%, auto)
    background: #FFF
    .error-box
      display: flex
      flex-direction: column
      align-items: center
      .img-box
        wh(3.227rem, 3.227rem)
        .empty
          wh(100%, 100%)
      .tip
        display: flex
        justify-content: center
        margin-top: 0.387rem
        size-color(0.373rem, rgba(68, 68, 68, 1))
</style>
